<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
body { height:100%; min-width:1200px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img ,embed{ border:none;}
img{ vertical-align:middle;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}

/*header*/
.navbar-fixed-top{ position:relative;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav&gt;li&gt;a{color:#b7b7b7}
.navbar-nav &gt; li &gt; a{ line-height:inherit;}
.navbar-default .navbar-nav&gt;li&gt;a:hover,.navbar-default .navbar-nav&gt;li&gt;a:focus{color:#b7b7b7;background-color:inherit}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav&gt;.open&gt;a,.navbar-default .navbar-nav&gt;.open&gt;a:hover,.navbar-default .navbar-nav&gt;.open&gt;a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top:1rem; background:transparent !important;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

#header{width:100%;height:auto;clear:both;z-index:999;background:#fff;min-width:1200px;overflow:visible;}
.toper{ background:#222; height:34px; line-height:33px;}
.toper_l{ float:left; overflow:hidden; font-size:14px; color:#fff; margin-left:190px;}
.toper_r{ float:right;overflow:hidden; font-size:14px; color:#fff; background:url(/images/tel.png) 0 2px no-repeat; padding-left:30px;}

.head_bg{ width:100%; height:96px; background:#fff;}
.head{ overflow:visible;}
.head .logo{ float:left; position:relative; margin-top:-34px;}
.head .logo a{ display:block; margin:0;}
.head .logo img{ max-width:100%; height:auto;}

.head .menu{ float:right; width:auto; padding:26px 0; height:92px;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left; min-width:67px; font-size:14px; padding:0 15px; position: relative; line-height:40px;}
.menu li&gt;a{min-width:67px; display:block; width:100%; font-size:15px; color:#b7b7b7; padding:0 15px;position: relative;}
.menu li&gt;a span{ display:block; font-size:16px; color:#333;}
.menu li&gt;a i{ display:block; float:left; position:absolute; width:0; height:2px; background:#ef2e03; left:50%; top:40px; opacity:1; transition:.5s ease-in-out; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;z-index:90;}
.menu li&gt;a:hover i{ width:40px; left:28%;}
.menu li&gt;a:hover{ color:#ef2e03;}
.menu li&gt;a.on{ color:#ef2e03;}
.menu li&gt;a.on i{ width:40px; left:28%;}
.menu li&gt;a:hover span,.menu li&gt;a.on span{ color:#ef2e03;}

.menu li .sub{min-width:445px;z-index:99;display:none;background:#f3f2eb;position:absolute;top:63px;left:0;overflow:hidden;padding:24px 0 0;}
.menu li dl{border-top:1px solid #dcdbd2; padding:10px; height:160px;}
.menu li dl dt{ float:left; width:285px; height:140px;}
.menu li dl dd{ float:left; padding:0 0 0 10px; height:140px;}
.menu li dl dd a{ display:block; height:35px; padding:0 20px;line-height:35px; position:relative; overflow:hidden; color:#333;}
.menu li dl dd a:hover{background: none;}
.menu li dl dd a i{width:0; height:0; top: 50%; margin-top:-5px; left: 8px; border:5px solid transparent; _border-color: tomato;  _filter: chroma(color=tomato); position: absolute; border-left-color: #585858; overflow:hidden; pointer-events: none;}
.menu li dl dd a.current{ color:#ef2e03;}
.menu li .sub_case{ width:600px; left:-146px;}
.menu li .sub_news{ left:-142px;}
.menu li .sub_case dl dd{ width:270px;}
.menu li .sub_case dl dd a{ float:left;}
.menu li .sub_case dl dd a:nth-child(2n){ padding:0 0 0 20px;}
.menu li dl dd a:hover{ color:#ef2e03;}
   
.collapse.in{display:block;visibility:visible}
@media(min-width:767px){
.navbar-collapse.collapse {display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important; border:0 !important;}
.container{ padding:0; width:auto; height:100%;}
.nav ul li a.dropdown-toggle:hover{ color:inherit;}
.navbar-right{ margin-right:0;}
}

.header_icon{float:right; height:59px; margin:20px 0 0; display:none;}
.header_icon li{ float:left; margin-left:10px;}
.header_icon a{ position:relative; display:block; width:38px; height:38px; display:block; border:1px solid #aaa;  border-radius:50%;}
.header_icon a:hover{ border:1px solid #0c7adc; background:#0c7adc;}
.header_icon i{width:21px; height:17px; float:left; background:url(../images/icon_headernav.png) no-repeat; margin:9px 0 0 7px;}
.header_icon .weixin{ background-position:0 0;}
.header_icon a:hover .weixin{background-position: 0 -17px;}
.header_icon .qq{background-position:-21px 0;}
.header_icon a:hover .qq{background-position:-21px -17px;}
.header_icon .shop{background-position:-42px 0;}
.header_icon a:hover .shop{background-position:-42px -17px;}
.header_icon .design{background-position:-63px 0;}
.header_icon a:hover .design{background-position:-63px -17px;}
.header_icon img{ display:none; margin-left:-50px; position:absolute; left:0; top:80px; display:none; width:140px; height:140px; border:1px solid #ddd; z-index:99999;opacity:1 !important;}

@media(max-width:767px){
	#header{ width:100%; clear:both;min-width:100%; overflow:visible; height:4rem;}
	.head{ height:4rem; background:#2a2a2a; background-size:auto 4rem;}
	.head_bg{ width:100%; margin:0; padding:0; height:auto; min-width:100%;border-bottom:0px solid #eee;}
	.header_t,.toper{ display:none;}
	.head .logo{ margin:0; padding:0; position:relative; width:33.4%; height:4rem;}
	.head .logo a{ display:block; width:100%; height:100%;}
	.head .logo img{ max-height:100%; max-width:100%;}
	#site_header .navbar-header{ display:block; background:transparent;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.menu .container{ width:100%; margin:0 auto;}
	.head .menu{ border:0; height:auto !important; position:absolute; top:4rem; right:0; width:50%; overflow:hidden; float:none;padding:9px 0;}
	.menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%;}
	.menu ul li{ width:100%; height:auto; margin:0; float:none; line-height:1.5;padding-right:0;}
	.menu ul li h3,.menu ul li.cur h3{ background:none;}
	.menu .line{ display:none;}
	.navbar-default .navbar-nav&gt;li&gt;a{color:#303030;}
	.navbar-default .navbar-nav&gt;li&gt;a:hover,.navbar-default .navbar-nav&gt;li&gt;a:focus{color:#b7183e;background:transparent}
	.menu ul li{ padding:0;background:none;}
	.menu ul li&gt;a{display:block;width:auto;height:auto;transition:all 0s; margin-right:0;line-height:20px;color:#303030; font-size:15px; padding:8px 27px; font-weight:normal;}
	.menu ul li em{ display:none;}
	.menu li&gt;a:hover{background:none;}
	.menu li&gt;a.on{ background:none;}
	.menu li a.on{ color:#b7183e;}
	.menu li a&gt;i{ display:none;}
	.header_r{ display:none;}	
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:1000px;}
	.menu li a span{ position:relative; height:auto;}
	.menu li .sub{ display:none !important;}
	.navbar-collapse{-webkit-box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);	  -webkit-overflow-scrolling:touch;}
}

/*banner*/
.banner{ height:580px; position:relative; width:100%; margin:0 auto 0;}
.banner ul li{display:none;height:100%;left:0;position:absolute;top: 0;width:100%; z-index:2;}
.banner ul li a{ display:block;}
.banner .number{bottom:10px;left:50%;margin-left:-500px;position:absolute;width:1000px;text-align:center;z-index:2;}
.banner .number span{color:#fff;text-align:center;display:inline-block;/*overflow: hidden;*/width:40px;height:5px;cursor:pointer;text-align:center; background:#fff;margin:0 2px;vertical-align:top;}
.banner .number span.current{background:#ef2e03;}
.banner .wbb{position: absolute;right: 1px;bottom: 56px;width:23px;height: 127px;background: url(../images/home_25.png) no-repeat center;}
.banner .wbb .kd{position: absolute;left: 0;bottom: 3px;width: 100%;height: 0;background: url(../images/home_26.png) no-repeat center bottom;}
.banner01{ display:none;}
@media(max-width:767px){
	.banner{ display:none;}
	.banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden;}
	.viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.picBox{ padding:0;position:relative;border-radius:3px;}
	.picBox .next{ float:right;}
	.piclist{position:relative;width:2232px;left:0;height:100%;}
	.piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
	.piclist li a{ display:block;}
	.piclist li img{width:100%; height:auto;}
	.icon_num{ position:absolute;bottom:5px;left:0;text-align:center;width:100%}
	.icon_num a{background:#fff;padding:0;height:8px;width:8px;text-align:center;cursor:pointer;margin:0 2px;display:inline-block;*display:inline;zoom:1;overflow:hidden;opacity:0.5;border-radius:50%;}
	.icon_num a:hover,.icon_num .active{background:#c90000;color:#ffae00;border-color:#ffae00;opacity:0.7;}
	.swipe{visibility:hidden;position:relative;overflow:hidden}
}

/*main*/
.main1{ width:100%; height:auto; overflow:visible;background:#fff; padding:60px 0;}
.main1_l{width:590px; float:left;}
.main1_l .main1_lt{ display:block; overflow:hidden;}
.main1_l h1{ overflow:hidden; margin:20px 0 12px;}
.main1_l h1 span{ width:50px; height:2px; background:#ccc; display:inline-block;}
.main1_l h2{ font-size:25px; line-height:28px; overflow:hidden;}
.main1_l .main1_lc{ color:#555; font-size:14px; line-height:2; margin-top:10px;}
.main1_l h3{ overflow:hidden; margin-top:12px;}
.main1_l h3 a{ display:block; width:140px; height:40px; line-height:38px; border:1px #ef2e03 solid; text-align:center; position:relative;}
.main1_l h3 a span{ position:relative; display:block; z-index:999; text-transform:uppercase; font-size:14px; color:#ef2e03; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;}
.main1_l h3 a b{ position:absolute; width:0; height:40px; background:#ef2e03; left:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.main1_l h3 a i{ position:absolute; width:0; height:40px; background:#ef2e03; right:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.main1_l h3 a:hover b,.main1_l h3 a:hover i{ width:70px;}
.main1_l h3 a:hover span{ color:#fff;}
.main1_l ul{ overflow:hidden; padding-top:18px;}
.main1_l ul li{ float:left; display:inline-block; padding:0 25px; text-align:center;}
.main1_l ul li h4{ color:#ef2e03; font-size:40px; line-height:40px; height:40px; font-weight:bold; font-family:晴圆, Arial;}
.main1_l ul li h4 i{ font-size:16px; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
.main1_l ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:14px;}
.main1_l ul li.no{ width:60px; height:1px; background:#e0e0e0; margin-top:40px; padding:0;}

.main1_r{ float:right; width:575px; position:relative; height:461px;}
.main1_r ul{ position:absolute; top:0; left:0; width:100%; height:100%;}
.main1_r ul&gt;li{ width:250px; height:230px; position:absolute; overflow:hidden; cursor:pointer;}
.main1_r ul&gt;li&gt;img{ width:100%; height:100%; cursor:pointer; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.main1_r ul .bghj01{ left:0; top:0;}
.main1_r ul .bghj02{ left:0; top:231px;}
.main1_r ul .bghj03{ left:251px; top:231px;}
.main1_r ul li em{ display:inline-block; font-style:normal; font-size:20px; font-weight:700; color:#FFF; padding:15px 40px; position:absolute; top:88px; left:55px; text-align:center; background:url(images/black.6.png) repeat;}
.main1_r ul li .main1_rbox{ width:250px; height:230px; position:absolute; left:0; top:0; background:url(images/black.png) repeat; padding:9px; display:none;}
.main1_r ul li .main1_rbox h2{ font-size:17px; color:#FFF; text-align:center; padding-bottom:8px; font-weight:bold;}
.main1_r ul li .main1_rbox h5{ font-size:14px; color:#FFF; text-align:center; padding-bottom:8px; font-weight:bold;}
.main1_r ul li .main1_rbox span{ display:block; font-size:12px; color:#FFF; line-height:1.5;}
.main1_r ul li:hover .main1_rbox{ display:block;}
.main1_r ul li:hover em{ display:none;}

@media(max-width:767px){
	.main1{ background:#fff; padding:1.5rem 0;}
	.main1_l .main1_lt,.main1_l h1,.main1_r{ display:none;}
	.main1_l{ width:100%; float:none; padding:0 10px; overflow:hidden;}
	.main1_l h2{ font-size:1.2rem; line-height:1; font-weight:bold; overflow:hidden;}
	.main1_l .main1_lc{ color:#555; line-height:2; font-size:0.9rem; overflow:hidden; margin-top:0.7rem;}
	
	.main1_l ul li{  padding:0; width:26%;}
	.main1_l ul li h4{ font-size:1.6rem; line-height:40px; height:40px;}
	.main1_l ul li h4 i{ font-size:.9rem;}
	.main1_l ul li.no{ width:11%; margin-top:40px; padding:0;}
	.main1_l ul li h5{ line-height:1.5; font-size:.85rem;}
	
}

.main2{ height:auto;background-color:#f0eeef; overflow:hidden; padding:40px 0 60px;}
.main2_t{ text-align:left; width:100%; height:auto;padding:0 0 25px;}
.main2_t h3{ font-size:30px;font-weight:100; color:#000;}
.main2_t h3 i{display:inline-block; font-size:30px; color:#000; font-style:normal; margin-left:10px;}

.main2_c{ width:100%; height:auto;}
.main2_cl{width:291px;height:438px;background:#ddd;float:left;margin-top:12px;}
.main2_cl dl{ padding-top:10px;}
.main2_cl dt{height:36px;line-height:34px;margin:0 10px 0; font-weight:normal; position:relative;}
.main2_cl dt a{display:block;background:#fff;font-size:14px;padding-left:70px;}
.main2_cl dt a:hover{background:#ef2e03;color:#fff;}
.main2_cl dt i{ font-style:normal; display:block; position:absolute; top:7px; left:45px;border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center;}
.main2_cl dt:hover i{ color:#FFF;}

.main2_cl  .stel{height:26px;line-height:26px;margin-top:20px;font-size:26px;color:#000;font-family:Arial;background:url(images/tel2.png) left 50px center no-repeat;padding-left:90px;}

.main2_cr{width:897px;float:right;}
.main2_cr ul{ width:910px;}
.main2_cr ul li{ float:left; position:relative; opacity:1; width:291px; height:213px; margin:12px 12px 0 0; text-align:center; }
.main2_cr ul li a{ color:#fff; font-size:14px; }
.main2_cr ul li .pic{ width:100%; height:100%;}
.main2_cr ul li .pic img{ width:100%; height:100%;}
.main2_cr ul li .tit{ position:absolute; left:0; top:0; width:291px; height:213px; transition:all 0.8s ease 0s; transform:scale(0); display: none\9; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000"); background-color:rgba(0,0,0,0.6);}
.main2_cr ul li .tit{ filter:none;}
.main2_cr ul li .tit i{ display:block; width:32px; height:32px; margin:80px auto 5px; background:url(images/look.png) no-repeat; }
.main2_cr ul li:hover .tit{ transform:scale(1); display:block\9;}

@media(max-width:767px){
	.main2{height:auto;overflow:hidden; padding:1.5rem 0;}
	.main2_t{ text-align:center; width:100%; height:auto;padding:0 0 15px;}
	.main2_t h3{ font-size:1.6rem;}
	.main2_t h3 i,.main2_cl  .stel{display:none;}
	.main2_cl{width:100%;height:auto;background:none;float:none;margin-top:10px;display:none;}
	.main2_cl dl{ width:100%; height:auto; padding:0; margin:0; background-color:none; border-radius:0; border:1px solid #dedede;}
	.main2_cl dt{float:left;width:33.3%;height:auto;border-bottom:1px solid #dedede;margin:0;font-size:14px;color:#595959;}
	.main2_cl dt:nth-child(3n+1){ border-right:1px solid #dedede;}
	.main2_cl dt:nth-child(3n+2){ border-right:1px solid #dedede;}
	.main2_cl dt a{display:block;width:100%;height:auto;line-height:3;margin:0 auto;font-size:14px;color:#595959;text-align:left;background: none; padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; background:none !important;}
	.main2_cl dt a:hover{color:#595959;}
	
	.main2_cr{width:100%;float:none; padding:5px 10px;}
	.main2_cr ul{ width:100%;}
	.main2_cr ul li{ height:auto; text-align:center; width:48.5%; margin:0; padding:0 0 8px; float:left;}
	.main2_cr ul li:nth-child(2n-1){ margin-right:3%;}
	.main2_cr ul li a{ color:#fff; font-size:14px; display:block;}
	.main2_cr ul li .pic{ width:100%; height:100%;}
	.main2_cr ul li .pic img{ width:100%; height:auto; border:1px solid #CCC;}
	.main2_cr ul li .tit{ position:relative; left:inherit; top:inherit; width:100%; height:30px; transition:all 0.8s ease 0s; background-color:transparent; color:#666;line-height:30px; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; transform:scale(1); }
	.main2_cr ul li .tit{ display:block;}
	.main2_cr ul li .tit i{ display:none;}
	.main2_cr ul li:hover .tit{ transform:scale(1); color:#666;}
}

.main3{ width:100%; height:auto; padding:0 0 60px; background:#5f5d62;}
.main3_t{ position:relative; padding:40px 0 0; width:100%; height:auto; text-align:center;}
.main3_t h2{ font-size:30px; line-height:1.8;color:#fff;}
.main3_t span{ display:block;color:#fff; font-size:14px;}
.main3_c{ width:100%; height:auto;}
.main3_c ul{ width:960px; margin:0 auto;}
.main3_c li{ position:relative; opacity:1; width:200px; float:left; *display:inline; zoom: 1; margin:15px 20px 0; font-size:16px;}
.main3_c li a{ color:#FFF; text-align:center; display:block;}
.main3_c li i{ display:block; width:126px; height:126px; background:url(images/ico.png) center no-repeat; border:2px solid #fff; border-radius:100%; margin:30px auto 10px; transform-style:preserve-3d; transition:1s transform; }
.main3_c li.li01 i{ background-image:url(images/ico_05.png); }
.main3_c li.li02 i{ background-image:url(images/ico_06.png); }
.main3_c li.li03 i{ background-image:url(images/ico_08.png); }
.main3_c li.li04 i{ background-image:url(images/ico_07.png); }
.main3_c li:hover i{ transform:rotateY(.5turn); }

@media(max-width:767px){
	.main3{ padding:1.5remrem 0;}
	.main3_t{ padding:0 10px 0;}
	.main3_t h2{ font-size:1.6rem;}
	.main3_t span{ font-size:13px;}
	.main3_c ul{ width:100%; margin:0 auto; padding-top:10px;}
	.main3_c li{width:46%; margin:0px 2% 10px; font-size:14px;}
	.main3_c li i{width:102px; height:102px; background:url(images/ico.png) center no-repeat; margin:20px auto 10px; background-size:50px 50px;}
}

.main4{ width:100%; height:auto; padding:0 0 40px;}
.main4_t{ position:relative; padding:40px 0 30px; width:100%; height:auto; text-align:center;}
.main4_t h2{ font-size:30px; line-height:1.8;color:#000;}
.main4_t span{ display:block;color:#666; font-size:14px;}
.main4_c{ width:100%; height:auto;}
.main4_c ul{ width:1220px;}
.main4_c ul li{ width:590px; height:120px; border:1px solid #dfdfdf; float:left; margin:0 16px 16px 0;}
.main4_c ul li .date{ float:left; width:100px; height:100%; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;}
.main4_c ul li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:18px auto 0;}
.main4_c ul li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
.main4_c ul li .info{ float:left; width:454px; height:120px; overflow:hidden; padding-top:10px;}
.main4_c ul li .info h4{ font-size:16px; height:40px; line-height:40px; margin-top:0px; overflow:hidden; font-weight:normal;}
.main4_c ul li .info h4 a{ color:#333; display:inline-block; max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.main4_c ul li .info h4 a:hover{ color:#ef2e03;}
.main4_c ul li .info span{ display:block; height:50px; line-height:25px; font-size:14px; overflow:hidden; color:#858585;}
@media(max-width:767px){
	.main4{ padding:1.5rem 0; background:#FFF;}
	.main4_t{ padding:0 10px 1rem;}
	.main4_t h2{ font-size:1.6rem;}
	.main4_t span{ font-size:13px; line-height:1.5; color:#999;}	
	.main4_c ul{ width:100%; padding:5px 10px 10px;}
	.main4_c ul li{ width:100%; height:auto; border:0px solid #dfdfdf; float:left; margin:0 0 5px 0; padding:5px 0 10px; border-bottom:1px dashed #dfdfdf;}
	.main4_c ul li .date{ display:none;}
	.main4_c ul li .info{ float:left; width:100%; height:auto; overflow:hidden; padding-top:0;}
	.main4_c ul li .info h4{ font-size:16px; height:30px; line-height:30px; margin-top:0px; overflow:hidden; font-weight:normal;}
	.main4_c ul li .info h4 a{ color:#333; display:inline-block; max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.main4_c ul li .info h4 a:hover{ color:#ef2e03;}
	.main4_c ul li .info span{ display:block; height:50px; line-height:24px; font-size:14px; overflow:hidden; color:#858585;}
}

.main5{ width:100%; height:auto; padding:0 0 50px; background:#f5f5f5;}
.main5_t{ position:relative; padding:40px 0 0; width:100%; height:auto; text-align:center;}
.main5_t h2{ font-size:30px; line-height:1.8;color:#000;}
.main5_t span{ display:block;color:#666; font-size:14px;}
.main5_con{ width:100%; height:auto; padding-top:20px;}
.hz_partner{ margin:10px 0 0 0; height:auto; width:1195px; border-top:1px solid #dedede; border-left:1px solid #dedede; margin:0 auto;}
.hz_partner li{ float:left; width:199px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; height:111px; text-align:center; position:relative; cursor:pointer;}
.hz_partner li&gt;div{ background:#fff;}
.hzjpa{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;}
.hzjpa img{ max-width:100%; height:auto; margin-top:5px;}
.hzjpb{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 10ms; opacity:0}
.hzjpb img{ max-width:100%; height:auto; margin-top:5px;}
.hz_partner li:hover .hzjpa{opacity:0;transform: rotateY(180deg); z-index:1;}
.hz_partner li:hover .hzjpb{opacity:1;transform: rotateY(360deg); z-index:2;}
@media(max-width:767px){
	.main5{ display:none;}
}


/*footer*/
.footer_bg{ width:100%; height:auto; background:#222; color:#4b4848; font-size:14px; padding:0;}
.foot_top{max-width:1200px;margin: 0 auto;position: relative; padding:30px 0 0;}
.foot_t{ padding:27px 0 0; border-top:solid 1px #2b2b2b;}
.foot_t .foot_t_l{float:left;}
.foot_t .foot_t_l dl{float:left;width:150px;margin-right:50px;}
.foot_t .foot_t_l dl.foot_t_l_last{margin-right:0;}
.foot_t .foot_t_l dl.foot_t_l_last a{border-right:0;}
.foot_t .foot_t_l dl dt a,.foot_t .foot_t_l dl dt span{margin-bottom:15px;color:#fff;font-size:16px;padding-bottom:0; display:block; font-weight:normal;}
.foot_t .foot_t_l dl dd{ margin-bottom:11px}
.foot_t .foot_t_l dl dd a{display:block;color:#999; font-size:14px; line-height:20px;}
.foot_t .foot_t_l dl dd a:hover{ color:#c12c2c;}
.foot_t .foot_t_l .foot_ewm{ width:220px; float:left;}
.foot_t .foot_t_l .foot_ewm .foot_ewmT{ width:100%;margin-bottom:15px;padding-bottom:0; display:block; font-weight:normal;}
.foot_t .foot_t_l .foot_ewm .foot_ewmT a{color:#fff;font-size:16px;}
.foot_t .foot_t_l .foot_ewm .foot_ewmC{ width:100%; height:auto;}
.foot_t .foot_t_l .foot_ewm li{ float:left; width:100px; height:auto; margin-right:10px;}
.foot_t .foot_t_l .foot_ewm li img{ width:100%; height:auto;}
.foot_t .foot_t_l .foot_ewm li span{ display:block; color:#7f7f7f; font-size:12px; text-align:center; line-height:1.3; padding:5px 0 0;}

.foot_t .foot_t_r{float:right;}
.foot_lx{ float:left; margin-left:0; width:auto;}
.foot_lx h5{margin:5px 0;color:#cfcfcf;font-size:14px;height:34px;line-height:34px;}
.foot_lx h1{ height:30px;line-height:30px;font-size:34px;color:#cfcfcf; font-weight:bold;}
.foot_lx h2{ width:100%; height:40px; text-align:right; margin-top:20px;}
.foot_lx h2 a{transition:.5s; -webkit-transition:.5s; width:40px; height:40px; padding:0;margin:0 0 0 14px; position:relative; display:inline-block;}
.foot_lx h2 a span{ display:block; width:40px; height:40px;}
.foot_lx h2 a.f_qq span{background:url(../images/huwai_38.jpg) no-repeat;}
.foot_lx h2 a.f_wx span{background:url(../images/huwai_40.jpg) no-repeat;}
.foot_lx h2 a.f_wx img{ display:none; margin-left:-50px; position:absolute; left:0; top:-200px; display:none; width:140px; height:140px; border:1px solid #ddd; z-index:99999;opacity:1 !important;}
.foot_lx h2 a.f_ph span{background:url(../images/huwai_36.jpg) no-repeat;}
.foot_lx h2 a.f_ph img{ display:none; margin-left:-50px; position:absolute; left:0; top:-200px; display:none; width:140px; height:140px; border:1px solid #ddd; z-index:99999;opacity:1 !important;}

.flink{ text-align:left; padding:10px 0; font-size:12px; line-height:24px;color:#999;}
.flink span{ color:#666; display:inline-block;}
.flink a{ color:#666; display:inline-block; margin:0 5px;}
.flink a:hover{ color:#ddd;}

.copyright{ width:100%; height:auto; background:#2b2b2b; color:#fff; font-size:14px; padding:15px 0;}
.copy_l{ float:left;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ddd;}
.copy_r{ float:right;}

.index_foot,.copyright1{ display:none;}
@media(max-width:767px){
	.footer_bg{ display:none;}
	.copyright1{ display:block; color:#fff; padding:1rem 10px; line-height:1.8; text-align:center; background:#222;}
	.copyright1 a{color:#fff;}
	
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%; display:block;}
	.app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:66%; background-color:#ef2e03; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
}


/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; min-height:600px; padding:0;}
.side_left{ width:100%; height:auto; float:none;position:relative;overflow:hidden; line-height:40px;}
.sd_nav{ position:relative; width:1200px; margin:0 auto;}
.sd_navc{ text-align:center; margin-top:30px;}
.side_menu{ display:inline-block;*display:inline; zoom:1; float:none; position:relative; text-align:center; vertical-align:middle;}
.side_menu li{ display:inline-block;*display:inline; zoom:1; height:auto; width:auto; text-align:center; float:none; margin:5px 5px 10px 0;}
.side_menu li a{ display:block; padding:0 30px; margin:0; line-height:36px; background:#eee;border-radius:19px;font-size:15px;color:#000;text-align: center;}
.side_menu li a.curr{background:#ef2e03; color:#fff;}
.side_menu li a:hover{background:#ef2e03; color:#fff;}
@media(max-width:767px){
	.content{ height:auto; overflow:visible; margin:0 auto; min-height:400px; padding:0 0 1rem;border-bottom:0 solid #ccc; background:#FFF;}
	.side_left{ width:100%; margin-left:0; height:auto; float:none;border:none; position: relative; line-height:1;}
	.sd_nav{ width:100%;}
	.sd_navc{ margin-top:0;}
	.side_menu{ float:left; position:relative; padding:1rem 10px 0.5rem; width:100%;}
	.side_menu li{ height:auto; width:31.3333%; padding:0 0 5px 0; line-height:1; font-size:14px; float:left; margin:0 3% 10px 0}
	.side_menu li:nth-child(3n){ margin-right:0;}
	.side_menu.side_menu1 li{ width:48%;}
	.side_menu.side_menu1 li:nth-child(2n){ margin-right:0;}
	.side_menu.side_menu1 li:nth-child(2n+1){ margin-right:4%;}
	.side_menu li a{width:100%; padding:10px 0; text-align:center;  display:inline-block; position:relative; color:#333; border-radius:5px; background:#d8d8d8; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:1.5;}
	.side_menu li a.curr{ background:#ef2e03; color:#fff;}
	.side_menu li span,.side_menu li a.curr s,.side_menu li a.curr span,.side_menu li a.curr i{ display:none;}
	.side_menu li a.curr:hover{ color:#fff;}
	.sd_nav .pos{ display:none;}
}

.side_right{ float:none;padding:0 0 40px; border-top:0 solid #e5e5e5;}

.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:40px 0 0; color:#555;}
.infor img{ height:auto; overflow:hidden; max-width:100%; vertical-align:inherit;}
.map{ margin:10px 0; width:100%;}
.infor a{ color:#555;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
@media(max-width:767px){
	.side_right{ width:100%; float:left;margin:0; padding:0;}
	.side_rt{ display:none;}
	.side_rt h3{ color:#db3939; font-size:18px; font-weight: normal;}
	.side_rt h3 span{font-size: 12px; color:#9e9e9e; margin-left:5px;}
	.side_rt i{ width:18px; height:3px; position:absolute; background:#e66161; bottom:-2px;}
	
	.right_con{ width:100%; padding:0 0 20px; height:auto; overflow:hidden;}
	.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:0 10px; color:#333;}
	.infor img{ height:auto; overflow:hidden; max-width:100%;}
	.map{ margin-top:10px; width:100%; float:right}
	.infor a{ color:#666;}
	.right_con table{ border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
	.about_pic{ float:right; width:100%; height:auto; margin-left:0; text-align:center;}
	.about_c{ width:100%; color:#666; line-height:2; float:left;}
	.contact_info{ width:100%; color:#666; line-height:2; float:left;}
}

.partner{ width:100%; margin:10px 0 0 0; height:auto;}
.partner li{ float:left; width:230px; height:auto; border:1px solid #ddd; margin:0 5px 10px;}
.partner li img{ max-width:100%; height:auto;}
@media(max-width:767px){
	.partner{ width:100%; margin:10px 0 0 0; height:auto;}
	.partner li{ float:left; width:48%; height:auto; border:1px solid #ddd; margin:0 1% 10px;}
	.partner li img{ max-width:100%; height:auto;}
}

/*news*/
.news_list{ width:100%; height:auto; overflow:hidden; padding:20px 0;}
.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:20px 0;}
.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;}
.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0;}
.news_list li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
.news_list li .info{ float:right; width:1080px; padding-top:5px;}
.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:bold;}
.news_list li .info h2 a{font-size:16px;color:#333;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_list li .info span{ display:block;color:#666;font-size:14px;line-height:2; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_list li .info h2 a:hover{ color:#ef2e03;}
@media(max-width:767px){
	.news_list{ width:100%; height:auto; overflow:hidden; padding:0 10px .5rem;}
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:0 0 1rem; margin-bottom:1rem}
	.news_list li .date{ display:none;}
	.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:28px; margin:4px auto 0;}
	.news_list li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
	.news_list li .info{ float:right; width:100%; padding-top:0;}
	.news_list li .info h2{ width:100%; padding-bottom:5px; font-weight:100;}
	.news_list li .info h2 a{font-size:16px;}
	.news_list li .info span{ display:block;color:#858585;font-size:14px;line-height:2; height:56px;}
	.news_list li .info h2 a:hover{ color:#ef2e03;}
}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; float:left;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:853px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dl_list li span{ float:right; color:#0c7adc;}
.dl_list li a:hover{ color:#ef2e03;}

/*page*/
#page{ height:30px; margin-top:15px;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#ef2e03; border:1px solid #ef2e03;}
#page a{ display:inline-block; vertical-align:middle; padding:0 12px; margin:0 2px; border:1px solid #ddd; height:30px; line-height:30px; text-align:center; color:#000;}
#page a:hover{ color:#fff; cursor:pointer; background:#ef2e03; border:1px solid #ef2e03;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page01 a{ display:inline-block; margin-right:1px; padding:8px 14px; background:#ef2e03; border-radius:5px; color:#FFF; font-size:15px;}
	#page01 a.num{ text-decoration:underline; color:#c82226; font-weight:bold;}
	#page01 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:8px 14px; }
}

/*product*/
.case_list{ width:1250px; margin:0; height:auto; overflow:hidden; padding:40px 0 20px;}
.case_list li{ float:left;  position:relative; width:291px; margin:12px 12px 0 0; text-align:center;}
.case_list li a { color: #fff; font-size: 14px; }
.case_list li .pic{ width:291px;}
.case_list li .pic img{ width:291px; height:213px;}
.case_list li .tit{ position: absolute; left: 0; top: 0; width: 291px; height: 213px; transition: all 0.8s ease 0s; transform:scale(0); *display: none; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000"); background-color:rgba(0,0,0,0.6); }
:root .case_list li .tit{ filter:none; }
.case_list li .tit i{ display:block; width:32px; height:32px; margin:80px auto 5px; background:url(images/look.png) no-repeat; }
.case_list li:hover .tit{ transform:scale(1); *display:block;}
.case_list li span{ display:block;padding:5px 0;border-bottom:1px solid #ddd;}
.case_list li span a{ font-size:14px; color:#333; display:inline-block; max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
@media(max-width:767px){
	.case_list{ width:100%; height:auto; overflow:hidden; padding:0.5rem 5px 0.5rem; margin:0;}
	.case_list li{ float:left; width:50%; height:auto; padding:0 5px 10px; margin:0; overflow:hidden;}
	.case_list li .pic{ width:100%;}
	.case_list li .pic img{ width:100%; height:6.45rem;}
	:root .case_list li .tit{ filter:none; display:none;}
	.case_list li .tit i{ display:none;}
	.case_list li:hover .tit{ display:none;}
	.case_list li span{ display:block;padding:5px 0;border-bottom:1px solid #ddd;}
	.case_list li span a{ font-size:14px; color:#333; display:inline-block; max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
}


/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding-top:30px;}
.detail_title{ font-size:20px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
.bbn{ border-bottom:0;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ width:100%; height:auto; overflow:hidden; padding:15px 0; line-height:2; color:#333; min-height:360px; border-bottom:1px dashed #CCC;}
.details_info img{ max-width:100%; height:auto; vertical-align:inherit;}
hr{ margin:5px 0;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:0.5rem 10px 0;}
	.detail_title{ font-size:18px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
	.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
	.bbn{ border-bottom:0;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ width:100%; height:auto; overflow:hidden; padding:10px 0; line-height:2; color:#333; min-height:360px; border-bottom:1px dashed #CCC;}
	.details_info img{ max-width:100%; height:auto;}
	hr{ margin:5px 0;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:block; line-height:30px; color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a{ color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#b7183e; text-decoration:underline;}
@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
}

.mess_con{ width:100%; margin:0 auto; padding:40px 0 0;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:70px; text-align:right !important; padding-right:10px; display:inline; float:left; color:#333;}
.mess_con .btn{ background:#ef2e03; width:180px !important; height:40px; line-height:34px; padding:0; border:none; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:16px; letter-spacing:3px;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:30px; border:1px solid #e0e0e0; width:400px; line-height:28px;}
.mess_con textarea{ width:400px; border:1px solid #e0e0e0; line-height:1.8;}
.mess_box{ width:100%; height:auto;}
.mess_box dt{ float:left; font-weight:normal; width:100%; padding-bottom:10px;}
.mess_box dd{ float:left; font-weight:normal; width:100%; padding-bottom:10px;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:898px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}
@media(max-width:767px){
	.mess_con{ width:100%; margin:0 auto; padding:0.5rem 0 0;}
	.mess_list{ display:none;}
	.mess_box{ width:100%; height:auto; padding:0 10px;}
	.mess_box dt{ float:left; font-weight:normal; width:100%; padding-bottom:10px;}
	.mess_box dd{ float:left; font-weight:normal; width:100%; padding-bottom:10px;}
	.mess_box dt span,.mess_box dd span{ display:none;}
	.mess_con input,.mess_con textarea{ width:100%; padding:0 5px;}
	.mess_con .btn{ background:#ef2e03; width:100% !important; height:40px; line-height:35px; padding:0; border:none; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:18px; letter-spacing:3px;}
	
}
</pre></body></html>